<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#share{ position:absolute;right:0;top:50px; height:300px;width:268px;}
#one{width:28px; height:75px;padding-top:15px; background:#9c3;color:#fff; background:url(img/share.gif) no-repeat; text-align:center;cursor:pointer;font-size:16px; position:absolute;right:240px;top:112px;}
#box{border-radius:5px;padding:6px;width:228px; height:288px; background:#ccc; filter:alpha(opacity:50); opacity:0.5; position:absolute;top:0;right:0;}


</style>
<script>
var timer=null;
window.onoad=function(){
	var share=document.getElementById('share');
	share.onmouseover=function(){
		clearInterval(timer);
		timer=setInterval(function(){
			var speed=0;
			share.style.left=share.offsetLeft	
		},60)
	};		
};
</script>
</head>

<body>
<div id="share">
	<div id="one">分享到</div>
    <div id="box">
		fffff  	
    </div>
</div>

</body>
</html>
